<template>
	<view style="display: flex;align-items: center;flex-direction: column;">
		<view class="one_item">
			<xtf-loader1 class="item"></xtf-loader1>
			<xtf-loader2  class="item"></xtf-loader2>
			<xtf-loader3  class="item"></xtf-loader3>
		</view>
		
		<xtf-progressview style="width: 400rpx;"></xtf-progressview>
		
		<xtf-loader4 style="margin-top: 30rpx;"></xtf-loader4>
		<xtf-loader6 style="margin-top: 30rpx;"></xtf-loader6> 
		<xtf-loader7 style="margin-top: 30rpx;"></xtf-loader7>
		<xtf-loader8 style="margin-top: 30rpx;"></xtf-loader8>
		<xtf-loader9 style="margin-top: 30rpx;"></xtf-loader9>
	</view>
</template>

<script>
	export default {
		
		
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
	page{
		background-color: #e8e8e8;
	}
	.logo {
		height: 100px;
		width: 100px;
		margin: 100px auto 25px auto;
	}

	.title {
		font-size: 18px;
		color: #8f8f94;
		text-align: center;
	}
	.one_item{
		display: flex;
		flex-direction: row;
		margin: 30rpx;
		
	}
	.item{
		margin-left: 60rpx;
		margin-right: 60rpx;
	}
</style>
